<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>程序小象-程序员的学习园地</title>
    <link rel="stylesheet" type="text/css" href="css/home.css" />
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./js/home.js"></script>
    <script type="text/javascript" src="./js/getUrlParam.js"></script>
</head>

<body>
    <div class="home_header">
        <div class="nav_left">
            <img src="./img/loginPage/logoLogin.jpg">
            <span>程序小象</span>
            <ul>
                <li><a href="">就业班</a></li>
                <li><a href="">在职提升课</a></li>
                <li><a href="">全部课程</a></li>
                <li><a href="">咨讯</a></li>
                <li><a href="">手记</a></li>
            </ul>
            <div class="search">
                <input type="text" name="search" id="search">
                <i class="icon_search"></i>
            </div>

        </div>
        <div class="nav_right">
            <ul>
                <li><a href="">下载APP</a></li>
                <li id="shopping" style="display: none;"><a href="">购物车</a></li>
                <li id="visitor">
                    <a href="./login.html">登录</a> /
                    <a href="./registerPage.html">注册</a>
                </li>
                <li id="user">
                    <img src="./img/loginPage/user.jpg">
                </li>
            </ul>
        </div>
        <div id="userTab">
            <div class="userCont">
                <div class="userinfo">
                    <div class="userfile">
                        <img src="./img/loginPage/user.jpg">
                        <div>
                            <h5 id="user-name"></h5>
                            <span>经验<b>5540</b> </span>
                            <span>积分<b>0</b></span>
                        </div>
                    </div>
                    <div class="userfunc">
                        <a href="">我的课程</a>
                        <a href="">订单中心</a>
                        <a href="">积分商城</a>
                        <a href="">个人设置</a>
                    </div>
                </div>
                <div class="line"></div>
                <a href="./login.html">退出登录</a>
            </div>
        </div>
    </div>

    <div class="home_sidebar">
        <div>
            <img src="./img/icon/fankui.png">
            <span>意见反馈</span>
        </div>
        <div>
            <img src="./img/icon/zixun.png">
            <span>在线咨询</span>
        </div>
        <div class="backtop" style="display: none;">
            <img src="./img/icon/backtop.png">
            <span>返回顶部</span>
        </div>
    </div>
    <div class="home_main1">
        <div class="home_banner">
            <div id="poster">
                <img class="active" src="./img/homePage/home_banner1.jpg">
                <img src="./img/homePage/home_banner2.jpg">
                <img src="./img/homePage/home_banner3.jpg">
                <img src="./img/homePage/home_banner4.jpg">
            </div>
            <div class="arrow arrow_pre">&lt;</div>
            <div class="arrow arrow_next">&gt;</div>
            <div class="dots">
                <ul>
                    <li class="activedot"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="home_zeroBasis">
            <div>
                <h4 class="home-tit">零基础就业</h4>
                <h6 class="home-desc">从入门到具备1年开发经验</h6>
            </div>
            <div class="zeroBasis">
                <a href="./commodityInfo.html">
                    <i class="i-web"></i>
                    <p class="title">Web前端工程师</p>
                    <p class="describe">从未接触编程也可以学好</p>
                </a>
                <a href="./commodityInfo.html">
                    <i class="i-java"></i>
                    <p class="title">Java工程师</p>
                    <p class="describe">综合就业排名第一</p>
                </a>
                <a href="./commodityInfo.html">
                    <i class="i-python"></i>
                    <p class="title">Python工程师</p>
                    <p class="describe">应用领域最为广泛</p>
                </a>
                <a href="./commodityInfo.html">
                    <i class="i-android"></i>
                    <p class="title">Android工程师</p>
                    <p class="describe">移动市场份额第一</p>
                </a>
                <a href="./commodityInfo.html">
                    <i class="i-php"></i>
                    <p class="title">PHP工程师</p>
                    <p class="describe">Web开发首选语言</p>
                </a>
            </div>
        </div>
        <div class="home_workPromote">
            <div>
                <h4 class="home-tit">职场提升</h4>
                <h6 class="home-desc">1年以上开发经验系统成长</h6>
            </div>
            <div class="workPromote">
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/workpromote1.png">
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/workpromote2.png">
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/workpromote3.png">
                </a>
            </div>
        </div>
    </div>
    <div class="home_main2">
        <div class="home_newCourse">
            <h4 class="home-tit">新上好课</h4>
            <div id="newCourse" class="newCourse_part1">
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/newlesson1.png">
                    <h4>Typescript + React 高仿 Antd 从零到一打造自己的组件库</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>高级</span>
                            <span class="viewers"><i class="new-viewer"></i> 31</span>
                            <span>17人评价</span>
                        </div>
                        <span>￥388.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/newlesson2.jpg">
                    <h4>Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>初级</span>
                            <span class="viewers"><i class="new-viewer"></i> 20</span>
                            <span>1人评价</span>
                        </div>
                        <span>￥328.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/newlesson3.png">
                    <h4>Kafka多维度系统精讲，从入门到熟练掌握</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>初级</span>
                            <span class="viewers"><i class="new-viewer"></i> 56</span>
                            <span>2人评价</span>
                        </div>
                        <span>￥298.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/newlesson4.jpg">
                    <h4>全面系统Python3.8入门+进阶 (程序员必备第二语言)</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>初级</span>
                            <span class="viewers"><i class="new-viewer"></i> 11130</span>
                            <span>4576人评价</span>
                        </div>
                        <span>￥366.00</span>
                    </div>
                </a>
            </div>
            <!-- <div id="newCourse" class="newCourse_part">
                <a href="">
                    <img src="./img/homePage/newlesson5.jpg">
                    <h4>大学计算机必修课新讲--编译原理+操作系统+图形学</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span>391</span>
                            <span>15人评价</span>
                        </div>
                        <span>￥339.00</span>
                    </div>
                </a>
                <a href="">
                    <img src="./img/homePage/newlesson6.jpg">
                    <h4>基于Spark2.x，聚焦算法原理，开发企业级个性化推荐系统</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span>43</span>
                            <span>3人评价</span>
                        </div>
                        <span>￥328.00</span>
                    </div>
                </a>
                <a href="">
                    <img src="./img/homePage/newlesson7.jpg">
                    <h4>专为程序员设计的高等数学课</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span>78</span>
                            <span>7人评价</span>
                        </div>
                        <span>￥265.00</span>
                    </div>
                </a>
                <a href="">
                    <img src="./img/homePage/newlesson8.jpg">
                    <h4>从0开始 独立完成企业级Java电商网站服务端开发(长期维护)</h4>
                    <div class="newcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span>8502</span>
                            <span>2505人评价</span>
                        </div>
                        <span>￥348.00</span>
                    </div>
                </a>
            </div> -->
        </div>
    </div>
    <div class="home_main3">
        <div class="home_studyPath">
            <div>
                <h4 class="home-tit">学习路线</h4>
            </div>
            <div class="sp_tab">
                <ul>
                    <li class="selected">前端</li>
                    <li>后端</li>
                    <li>移动端</li>
                </ul>
            </div>
            <div class="tab-cont" id="tab-cont">
                <div class="studyPath" id="studyPath">
                    <div class="studyPath_part1">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath1.jpg">
                            <div class="path-msg">
                                <h4>React.js 框架从零到全栈开发</h4>
                                <p>从React.js基础入手，学习全栈技能，上手全栈项目，路线清晰，不走弯路。</p>
                                <div>
                                    <span>4步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 351人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath2.png">
                            <div class="path-msg">
                                <h4>微信小程序从0基础到精通</h4>
                                <p>一站式掌握小程序生态，打造站内零基础精通小程序的最佳路径。</p>
                                <div>
                                    <span>4步骤 · 5门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 2187人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="studyPath_part2">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath3.png">
                            <div class="path-msg">
                                <h4>Node.js 零基础从入门到玩转</h4>
                                <p>本路线从Node.js基础到热门框架应用，从理解到实战一步到位。</p>
                                <div>
                                    <span>3步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 382人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath4.jpg">
                            <div class="path-msg">
                                <h4>Vue.js从入门到全栈开发</h4>
                                <p>优秀的前端工程师都要掌握一门后端语言，从vue到node，前后端通吃，提高前端工程师的竞争力。</p>
                                <div>
                                    <span>4步骤 · 5门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 1186人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="studyPath" id="studyPath" style="display: none;">
                    <div class="studyPath_part1">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath5.png">
                            <div class="path-msg">
                                <h4>从零开始 一站搞定Python Django开发</h4>
                                <p>路线专为零Django基础学员定制，层层深入，助你熟练掌握Django应用技能。</p>
                                <div>
                                    <span>4步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 252人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath6.jpg">
                            <div class="path-msg">
                                <h4>SpringCloud全面进阶之路</h4>
                                <p>运用SpringCloud完成企业级项目微服务改造，不断提升，掌握几大特色模块和主流技术组合</p>
                                <div>
                                    <span>4步骤 · 5门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 596人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="studyPath_part2">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath7.png">
                            <div class="path-msg">
                                <h4>Java Web电商前后端与全流程进阶之路</h4>
                                <p>以Java和vue为技术栈，覆盖数据库-后端-前端完整电商业务，遵循企业级流程，进军全栈工程师。</p>
                                <div>
                                    <span>3步骤 · 3门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 101人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath8.jpg">
                            <div class="path-msg">
                                <h4>从零开始，实现Python Flask入门到高阶</h4>
                                <p>路线专为零Flask基础的学员定制，从Flask最基础的框架开始到多种热门项目实战，助你熟练掌握Flask 核心开发。</p>
                                <div>
                                    <span>4步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 283人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="studyPath" id="studyPath" style="display: none;">
                    <div class="studyPath_part1">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath9.jpg">
                            <div class="path-msg">
                                <h4>Android工程师高薪面试突破路线</h4>
                                <p>路线汇集Android高级工程师面试的关键技能，还原面试官视角，助力面试顺利通关。</p>
                                <div>
                                    <span>3步骤 · 3门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 130人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath10.png">
                            <div class="path-msg">
                                <h4>Android工程师升职加薪之路</h4>
                                <p>涵盖初中高级Android工程师的升职加薪关键技术，带你突破晋升过程中的技术瓶颈。</p>
                                <div>
                                    <span>4步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 65人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="studyPath_part2">
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath11.jpg">
                            <div class="path-msg">
                                <h4>5G时代音视频开发从小白到高手之路</h4>
                                <p>对标大厂岗位需求，从音视频基础入门、处理核心技术到服务器设计开发 ，全面培养5G时代人才。</p>
                                <div>
                                    <span>4步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 144人收藏</span>
                                </div>
                            </div>
                        </a>
                        <a href="./commodityInfo.html">
                            <img src="./img/homePage/studypath12.jpg">
                            <div class="path-msg">
                                <h4>移动端进阶高级工程师成长路线</h4>
                                <p>精准对标移动端高级工程师的岗位要求，技能步步拔高，是移动端工程师进阶高工不二之选。</p>
                                <div>
                                    <span>3步骤 · 4门课</span>
                                    <span class="path-col"><i class="path-collect"></i> 553人收藏</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="home_main4">
        <div class="home_hotCourse">
            <h4 class="home-tit">热门课程</h4>
            <div id="hotCourse" class="hotCourse_part1">
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse1.jpg">
                    <h4>编程必备基础 计算机组成原理+操作系统+计算机网络</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span class="viewers"><i class="new-viewer"></i> 4008</span>
                            <span>1575人评价</span>
                        </div>
                        <span>￥236.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse2.jpg">
                    <h4>微信小程序入门与实战 常用组件API开发技巧项目实战</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>初级</span>
                            <span class="viewers"><i class="new-viewer"></i> 19857</span>
                            <span>5240人评价</span>
                        </div>
                        <span>￥149.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse3.jpg">
                    <h4>Vue2.6开发去哪儿网App 从零基础入门到实战项目</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span class="viewers"><i class="new-viewer"></i> 7664</span>
                            <span>4192人评价</span>
                        </div>
                        <span>￥266.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse4.png">
                    <h4>2020 重学C++ 重构你的C++知识体系</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span class="viewers"><i class="new-viewer"></i> 838</span>
                            <span>66人评价</span>
                        </div>
                        <span>￥448.00</span>
                    </div>
                </a>
            </div>
            <div id="hotCourse" class="hotCourse_part1 hp1">
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse5.jpg">
                    <h4>前端框架及项目面试 聚焦Vue/React/Webpack</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span class="viewers"><i class="new-viewer"></i> 747</span>
                            <span>54人评价</span>
                        </div>
                        <span>￥399.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse6.png">
                    <h4>编程必备基础-音视频小白系统入门课</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>入门</span>
                            <span class="viewers"><i class="new-viewer"></i> 303</span>
                            <span>11人评价</span>
                        </div>
                        <span>￥288.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse7.png">
                    <h4>抓紧面试前的宝贵时间 快速搞定前端JavaScript面试</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>初级</span>
                            <span class="viewers"><i class="new-viewer"></i> 780</span>
                            <span>266人评价</span>
                        </div>
                        <span>￥199.00</span>
                    </div>
                </a>
                <a href="./commodityInfo.html">
                    <img src="./img/homePage/hotcourse8.jpg">
                    <h4>算法与数据结构-综合提升 C++版</h4>
                    <div class="hotcourse_bottom">
                        <div>
                            <span>中级</span>
                            <span class="viewers"><i class="new-viewer"></i> 9440</span>
                            <span>2381人评价</span>
                        </div>
                        <span>￥166.00</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="home_main5">
        <div class="consult">
            <div>
                <h4 class="home-tit cs">IT行业资讯</h4>
            </div>
            <div class="cs_cont">
                <div class="cs_part">
                    <img src="./img/icon/cs1.png">
                    <h4>区块链</h4>
                    <ul class="cs_link">
                        <li><a href="">区块链实战项目推荐</a></li>
                        <li><a href="">区块链新手入门科普</a></li>
                        <li><a href="">哪里有区块链培训机构？怎么选？</a></li>
                        <li><a href="">零基础区块链培训多少钱？学区块链费用贵吗？</a></li>
                        <li><a href="">区块链实战教程学习大纲</a></li>
                        <li><a href="">基于java平台的区块链应用涉及的技术点</a></li>
                        <li><a href="">区块链数字货币有哪些用途?</a></li>
                    </ul>
                </div>
                <div class="cs_part">
                    <img src="./img/icon/cs2.png">
                    <h4>运维</h4>
                    <ul class="cs_link">
                        <li><a href="">分析Linux 进程的方法有哪些？</a></li>
                        <li><a href="">嵌入式培训学习难吗？应该怎样学习？</a></li>
                        <li><a href="">计算机网络安全课程学习路线分享</a></li>
                        <li><a href="">Linux性能优化可以从哪些方面入手？</a></li>
                        <li><a href="">Linux之cd命令使用方法及案例</a></li>
                        <li><a href="">Linux之touch命令使用方法及代码</a></li>
                        <li><a href="">Linux运维知识 常用的Vim命令汇总</a></li>
                    </ul>
                </div>
                <div class="cs_part">
                    <img src="./img/icon/cs3.png">
                    <h4>Java</h4>
                    <ul class="cs_link">
                        <li><a href="">在IDEA中如何使用Git？详细步骤讲解</a></li>
                        <li><a href="">SpringMVC注解解析</a></li>
                        <li><a href="">Java开发工程师工作要求及职业习惯养成</a></li>
                        <li><a href="">黑马头条项目实战学什么？</a></li>
                        <li><a href="">Vue入门案例详解</a></li>
                        <li><a href="">JUnit 测试原理介绍与应用</a></li>
                        <li><a href="">Java速成需要培训多久？</a></li>
                    </ul>
                </div>
                <a class="more" href="">更多 ></a>
            </div>

        </div>
    </div>
    <footer>
        <div>
            <div class="footer_left">
                <p>程序小象根据IT方向的线上学习特点，研发人机互动教学系统， 打造领先的学习模式。平台签约了十名大牛联合创办，
                    每个合伙人再召集几名身边的技术大咖，根据程序员的岗位需求研发精品课程，并将一门学科中所需要的全部学习资料汇总在一起，
                    且实时更新。选中一门课程即拥有全部的精品学习资源，不需要再找其它资源补充， 按计划学习结束后即可直接从事对应的开发工作。</p>
            </div>
            <div class="footer_right">
                <div>
                    <h6>关于我们</h6>
                    <ul>
                        <li><a href="">了解我们</a></li>
                        <li><a href="">企业文化</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
                <div>
                    <h6>帮助中心</h6>
                    <ul>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">问答帮助</a></li>
                        <li><a href="">学员反馈</a></li>
                    </ul>
                </div>
                <div>
                    <h6>新手指南</h6>
                    <ul>
                        <li><a href="">挑选课程</a></li>
                        <li><a href="">购买课程</a></li>
                        <li><a href="">学习课程</a></li>
                        <li><a href="">配套资源</a></li>
                    </ul>
                </div>
            </div>
            
        </div>
    </footer>
</body>

</html>